

// 接口的get()方法返回第一个与搜索参数对应的值。
let id = new URLSearchParams(location.search).get('id')

function loading (){
  $.ajax({
    type: 'get',
    url: 'http://localhost:8888/api/articles/' + id + '/comments',
    success: function (res) {
      console.log(res)
      if (res.status === 0) {
        let arr = ['<h4><i class="sprites"></i>评论区</h4>']
        res.data.forEach(function (item) {
          arr.push(`
            <div class="kr_comment_card">
              <div class="img-wrap">
                <img src="./uploads/avatar_3.jpg" alt="">
              </div>
              <div class="info">
                <p>${item.uname} · <span>2020-08-16</span></p>
                <p>${item.content}</p>
              </div>
              <a href="javascript:;" class="like">${item.count}</a>
            </div>
          `)
        })
        $('#dada').html(arr.join(''))
      }
    }
  })
}
loading()


// 发表评论
$('button:contains("提交评论")').on("click", function () {
  // console.log($("textarea").val());
  let uname = $("input").val();
  let content = $("textarea").val();
  $.ajax({
    type:'POST',
    data:{uname,content},
    url:"http://localhost:8888/api/articles/" + id + "/comments",
    success:function (res) {
      if(res.status===0)
      { 
        layer.msg(res.message);
        $("input").val('');
        $("textarea").val('');
        loading();
      }
    }
  })
});